import React, { Component } from 'react'
// Route组件用来定义路由规则和匹配成功后要渲染的组件
//  + exact 设置为true精确匹配，默认不用写为false
//  + path 路由规则 它是模糊匹配
//  + component/render 指定要匹配成功后渲染的组件
// Link/NavLink 声明式导航组件,NavLink有激活样式，而Link没有，编译为html都为a标签
//  + to string|object 跳转到的路径
// NavLink
//  + exact 严格匹配
//  + activeClassName 自定义激活样式的名称，默认激活样式的名称为 active
// Switch 匹配路由规则只会执行1条规则
import { Route, Switch } from 'react-router-dom'

import Admin from './views/Admin'

class App extends Component {
  render() {
    return (
      <>
        <Switch>
          {/* /admin/user  /admin/film */}
          {/* 
            注:如果你对当前的规则设置子路由，则当前路由规则一定不能开启严格匹配
          */}
          <Route path="/admin" component={Admin} />
        </Switch>
      </>
    )
  }
}

export default App
